<!-- 
    表单元素（项）：允许用户输入或选择内容的控件。
        第一类  input     输入表单元素
        第二类  select    下拉表单元素
        第三类  textarea  文本域元素
    注意：只有被表单域form包裹起来的项才能被捕获到数据，才能够上传。

    input的属性
        type            类型
        name            名称
        value           值
        placeholder     提示
        maxlength       正整数，限制最大字符数（了解即可，因为后面都是用正则表达式）
        checked         选中状态（checked="checked"）
        disabled        禁用状态
    说明：
        1）name、value是提交给后端的k、v键值对数据，一般是必写的，以下是特殊的
            - text、password的输入内容，就是对应的value；
            - file的value不用写，因为文件数据本身就是value；
            - button、submit等提交功能按钮的name不用写，因为没必要，也就是需要提交给后台的数据项才会用到。
        2）name一般是不同的，但checkbox、radio表示同一组相关的数据时，
            name必须统一，且后者还可以实现多选一；
        3）type类型
            普通文本    text（宽度默认20字符）
            掩码文本    password
            复选        checkbox
            单选        radio
            提交按钮    submit
            重置按钮    reset
            普通按钮    button
            图片按钮    image
            隐藏        hidden
            文件域      file
        HTML5新增了很多，自己查查
            日期        date
            时间        time
        4）type="submit"、type="image"可直接提交，type="button"需要绑定js事件后才能提交，
            在触发后会将表单数据提交到action指定的后台服务器（或某个页面）中进行处理。
        5）file多文件时，
            - 需form标签加enctype="multipart/form-data"
            - 需input标签加multiple="multiple"
            - 按住Shift多选文件
-->
<form action="#" method="POST" name="myForm">
    用户名：<input type="text" name="username" placeholder="请输入用户名"> <br>
    密码：<input type="password" name="password" placeholder="请输入密码" maxlength="6"> <br>
    性别：男<input type="radio" name="gender" value="male" checked="checked">
          女<input type="radio" name="gender" value="female"> <br>
    爱好：唱<input type="checkbox" name="hobby" value="sing" checked="checked">
          跳<input type="checkbox" name="hobby" value="dance">
          rap<input type="checkbox" name="hobby" value="rap"> <br>
    <input type="submit" value="提交">
    <input type="reset" value="重置">
</form>

<form action="#" method="POST" name="myForm2" enctype="multipart/form-data">
    <input type="file" name="myFile"> <br>
    <input type="file" name="myFile[]" multiple="multiple"> <br>
    <input type="button" value="普通按钮"> <br>
    <input type="image" src="./resources/pictures/01.png" alt="图片按钮" width="50" height="20">
</form>